<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 实例 - 默认的面板</title>
<link rel="stylesheet"
	href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script
	src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- 
	<link href="#(base)/assets/css/bootstrap.min.css" rel="stylesheet">
	<script src="#(base)/assets/js/jquery.min.js"></script>
	<script src="#(base)/assets/js/bootstrap.min.js"></script>
	 -->
</head>
<body style="padding: 10px;">

	<div class="panel panel-default">
		<div class="panel-body">
			<table class="table table-hover">
				<caption>悬停表格布局</caption>
				<thead>
					<tr>
						<th>名称</th>
						<th>城市</th>
						<th>邮编</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>Tanmay</td>
						<td>Bangalore</td>
						<td>560001</td>
					</tr>
					<tr>
						<td>Sachin</td>
						<td>Mumbai</td>
						<td>400003</td>
					</tr>
					<tr>
						<td>Uma</td>
						<td>Pune</td>
						<td>411027</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</body>
</html>